<style scoped>
.tab-car {
    width:100%;
    height: 100px;
    display: flex;
    background: #FFFFFF;
    box-shadow: 0 -2px 11px 0 rgba(229,229,229,0.50);
    position: fixed;
    bottom:0;
    left:0;
    justify-content: space-around;
    flex-direction: row;
}
</style>

<template>
    <div 
        class="tab-car"
        :style="{ 'height': height}"
    >
        <slot></slot>
    </div>
</template>
<script>
    export default {
        props:{
            height:{
                type:String,
                default:'100px'
            }
        },

        data(){
            return {
                items:[]
            }
        },

        methods:{
            uploadItem(){
                console.log(this.$children)
                // this.items = this.$children.filter( child => console.log(child.$options.name))
            }
        },

        mounted() {
            this.uploadItem()
        }
    }
</script>